// JavaScript Document


            // add google fonts for ie7 and ie8
            if ($.browser.msie && parseInt($.browser.version) <= 8) {
                    WebFontConfig = {
                        google: { families: [ 'Rokkitt:700:latin' ] }
                    };
                    (function() {
                        var wf = document.createElement('script');
                        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                            '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
                        wf.type = 'text/javascript';
                        wf.async = 'true';
                        var s = document.getElementsByTagName('script')[0];
                        s.parentNode.insertBefore(wf, s);
                    })()
            }

            $(document).ready(function() {
                $('.zuperSlider').zuperSlider({
                    mode:'none',
                    arrows:{
                        next:true,
                        nextHorizontal:"end",
                        nextVertical:"middle",
                        prev:true,
                        prevHorizontal:"start",
                        prevVertical:"middle"
                    },
                    nav:{
                        active:true,
                        type:"bullets",
                        imagesDimension:"105x55",
                        navHorizontal:"end-110",
                        navVertical:'end-30',
                        thumbs:true,
                        thumbsDimension:"120x80"
                    },
                    auto:{
                        active:true,
                        time:10500,
                        timer:"numbers",
                        hoverStop:true,
                        posHorizontal:30,
                        posVertical:20,
                        playPause:true,
                        playPauseHover:true,
                        playPauseHorizontal:'middle',
                        playPauseVertical:28
                    },
                    animate:{
                        type:"square",
                        speed:1000,
                        position:["randomSquare"],
                        effect:["fade"],
                        cols:4,
                        rows:2,
                        delay:20,
                        easing:"linear",
                        car_nr:7,
                        perPage:1
                    },
                    multipleEff:{
                        active:true,
                        random:false,
                        eff:["square|1000|centerToMarginSquare,horizontal|slideAlternativeH,fade|1|25|10|easeInBounce|2000", "square|1000|centerToMarginSquare,horizontal|slideAlternativeH,fade|1|10|10|linear|2000", "square|1000|centerToMarginSquare,horizontal|fade|1|10|10|easeInBounce|2000", "square|1000|marginToCenterSquare,horizontal|fade,slideLeft,slideCenter|5|4|5|easeInElastic|2000", "sliderVertical|800|sinusSquare,horizontal|slideHCenter,slideVCenter|1|1|5|easeInExpo|2000", "square|800|sinusSquare,ltr|slideRand,fade|8|6|1|easeInOutSine|2000", "square|1000|marginToCenterSquare,horizontal|fade,slideRand|1|50|1|easeInExpo|2000"]
                    },
                    order:{
                        random:false,
                        startSlide:1,
                        firstSlide:1
                    },
                    caption:true,
                    touchNavigation:true,
                    bgImageScaleAndCenter:true,
                    responsive:true,
                    navigateOnHover:false,
                    navigateWithMouseWheel:true,

                    captionCallback: function (width, height) {
                        // slider context
                        var me = $(this);
                        me.find('.caption').css({visibility: 'visible'});

                        if (width < 1200) {
                            //                                    
                            if (width > 800) {
                                me.find('.captionH1').css({
                                    fontSize: 35,
                                    top: '41%'
                                });
                                me.find('.captionH2').css({
                                    fontSize: 30,
                                    top: '49%'
                                });
                            } else if (width > 640) {
                                me.find('.captionH1').css({
                                    fontSize: 25,
                                    top: '44%'
                                });
                                me.find('.captionH2').css({
                                    fontSize: 20,
                                    top: '50%'
                                });                                    
                            } else if (width > 350){     
                                me.find('.captionH1').css({
                                    fontSize: 20,
                                    top: '44%'
                                });
                                me.find('.captionH2').css({
                                    fontSize: 15,
                                    top: '49%'
                                });                                    
                            } else {
                                me.find('.caption').css({visibility: 'hidden'});
                            }
                        } else {
                            me.find('.captionH1').css({
                                fontSize: 45,
                                top: '39%'
                            });
                            me.find('.captionH2').css({
                                fontSize: 40,
                                top: '50%'
                            });                                
                        }
                    }
                });
            });
